<template>
	<view>
		<!-- <u-navbar :is-back="true" :is-fixed="true" title="查看详情"></u-navbar> -->
		<view style="background-color: #efede9">
			<view class="pl-3 pr-2 font-14 lineHight-40 font-weight-bold">需求信息</view>
		</view>
		<u-field v-model="detailsObj.title" label="需求标题" label-width="170" :disabled="true" input-align="right"
			:field-style="placeholderStyle">
		</u-field>
		<u-field v-model="detailsObj.productName" label="产品名称" label-width="140" :disabled="true" input-align="right"
			:field-style="placeholderStyle"></u-field>

		<u-field v-model="detailsObj.legalRepresentative" label="联系人" label-width="180" :disabled="true"
			input-align="right" :field-style="placeholderStyle"></u-field>

		<u-field v-model="detailsObj.phone" :disabled="true" label-width="180" label="联系方式" input-align="right"
			:field-style="placeholderStyle"></u-field>

		<!-- <u-field v-model="detailsObj.number" label-width="160" :disabled="true" label="需求数量" input-align="right"
			:field-style="placeholderStyle"></u-field> -->
		<view class="dfel pl-3 pr-3 lineHight-3">
			<view>需求数量:</view>
			<view class="dfes text-999999">
				<view class="">{{detailsObj.number}}</view>
				<view class="pr-1 pl-1">{{detailsObj.productSpecsText}}</view>
			</view>
		</view>
		<!-- <u-field v-model="detailsObj.productSpecs" label-width="160" :disabled="true" label="需求规格" input-align="right"
			:field-style="placeholderStyle"></u-field> -->
		<u-field v-model="detailsObj.price" label-width="160" :disabled="true" label="需求价格(元)" input-align="right"
			:field-style="placeholderStyle"></u-field>
		<u-field v-model="detailsObj.endTime" label-width="160" :disabled="true" label="截止日期" input-align="right"
			:field-style="placeholderStyle"></u-field>
	</view>
</template>

<script>
	import $H from '@/common/free-lib/request.js';
	import ferrButton from "@/components/free-ui/ferr-button.vue";
	export default {
		components: {
			ferrButton,
		},
		data() {
			return {
				detailsObj: {},
				placeholderStyle: {
					color: '#999'
				},
			}
		},
		onLoad(options) {
			const id = options.id;
			this.NewListDetail(id)
		},
		methods: {
			NewListDetail(id) {
				$H.get('/down/downMarketDemand/queryById', {
					id: id
				}, {
					token: true,
					header: {
						"Content-Type": "application/x-www-form-urlencoded",
					},
				}).then(res => {
					this.detailsObj = res.result
				}).catch(error => {
					uni.showToast({
						title: "网络错误，请稍后再试",
						icon: 'none'
					});
				});
			},

		}
	}
</script>

<style></style>